﻿@charset "utf-8";
/* CSS Document */
body *{box-sizing: border-box;}
.main{position:relative;width:7.2rem;height:auto;margin:0 auto;font-family:"Microsoft YaHei";}
.main .bg{height:2.54rem;}
.main .bg_01{background:url(../images/b1.png) no-repeat;background-size: 100% 100%;}
.main .bg_02{background:url(../images/b2.png) no-repeat;background-size: 100% 100%;}
.main .bg_03{background:url(../images/b3.png) no-repeat;background-size: 100% 100%;}
.main .bg_04{background:url(../images/b4.png) no-repeat;background-size: 100% 100%;}
.main .bg_05{background:url(../images/b5.png) no-repeat;background-size: 100% 100%;}
.main .bg_06{background:url(../images/b6.png) no-repeat;background-size: 100% 100%;}

.header{position:absolute;left:0;top:2.3rem;width:100%;height:auto;padding:0 .14rem;overflow:hidden;}
.header_icons{float:left;width:2.56rem;height:2.56rem;}
.header_info{position:relative;height:2.56rem;margin-left:2.66rem;padding-top:.15rem;box-sizing: border-box;}
.header_info .text{color:#fff;}
.header_info .text_01{font-size:.32rem;line-height:1.2;}
.header_info .text_02{font-size:.18rem;line-height:1.8;color:#8badf2;}
.header_info .re{display:block;width:.99rem;padding:.07rem 0;font-size:.16rem;line-height:1;color:#fff;text-align:center;background:#69c378;border-radius:.1rem;vertical-align: middle;}
.header_info .rating{position:absolute;height:.26rem;bottom:.18rem;left:0;font-size:.22rem;color:#fff;vertical-align:middle;}
.header_info .rating .rating_star{display:inline-block;width:1.5rem;height:.26rem;background:url(../images/icon_star.png) no-repeat;background-size: 100% 100%;vertical-align: top;}

.btn_download{position:absolute;top:5.28rem;left:50%;width:4.46rem;height:1.6rem;margin-left:-2.23rem;background:url(../images/btn_download.gif) no-repeat;background-size: 100% 100%;}

.img_list {position:absolute;top:6.93rem;left:.15rem;width:6.9rem;overflow: hidden;}
.img_list ul {width:100rem;padding:.06rem;overflow:hidden;}
.img_list ul li {width:3.72rem;margin-right:.1rem;border:.06rem solid #fff;box-shadow: 0 0 .06rem #9fb2db;}
.img_list ul img {display: block;width:3.6rem;height:6rem;}

.footer{position:absolute;bottom:0;left:0;width:100%;padding:.2rem 0;}
.footer p{font-size:.2rem;line-height:.3rem;color:#fff;text-align: center;}

.fixed_download{position:fixed;bottom:1rem;left:50%;width:7.2rem;margin-left:-3.6rem;background-color:rgba(0,0,0,.78);overflow:hidden;z-index: 2;}
.fixed_download .btn_close{position:absolute;top:0;right:0;width:.37rem;height:.37rem;background:#808488 url(../images/icon_close.png) no-repeat .14rem .06rem;background-size:.21rem .21rem;border-radius:0 0 0 .37rem;}
.fixed_download .f_left{float:left;width:1.22rem;height:1.22rem;margin:.11rem 0 0 .31rem;}
.fixed_download .f_left .game_icon{display:block;width:1.22rem;height:1.22rem;}
.fixed_download .f_right{margin-left:1.72rem;}
.fixed_download .game_name{margin-top:.36rem;margin-bottom:.2rem;font-size:.3rem;color:#fff;}
.fixed_download .explain{font-size:.17rem;color:#fff;}
.fixed_download .btn_download_02{position:absolute;top:0;right:3rem;font-size:.3rem;line-height:1px;}


.thickdiv { position: fixed;top: 0; left: 0; width: 100%;  height: 100%; background:#000000; border: 0 none; opacity: 0.5; filter:alpha(opacity=50); z-index:98;overflow:hidden;}
.hint{position: fixed;top:0; left:.4rem;width:6.85rem; height:1.49rem;background:url(../images/hint_bg.gif) no-repeat;background-size:100% 100%;z-index:99999;}